{extend name='base'/}
{block name='content'}
<ol class="breadcrumb" style="background-color: #f9f9f9;padding:8px 0;margin-bottom:10px;">
    <li>
        <a href=""><i class="fa fa-cogs"></i>
            用户组管理</a>
    </li>
    <li class="active">
        <a href="{:url('index')}">用户组添加</a>
    </li>
</ol>
<ul class="nav nav-tabs" role="tablist">
    <li ><a href="{:url('index')}">用户组列表</a></li>
    <li class="active"><a href="{:url('add')}">用户组添加</a></li>
</ul>
<form action="" method="POST" class="form-horizontal" role="form">
    <div class="panel panel-default">
    	  <div class="panel-heading">
    			<h3 class="panel-title">用户组管理</h3>
    	  </div>
    	  <div class="panel-body">
              <div class="form-group">
                  <label for="" class="col-sm-2 control-label">用户组名</label>
                  <div class="col-sm-10">
                      <input type="text" class="form-control" name="title">
                  </div>
              </div>

          </div>
    </div>
    <div class="panel panel-default">
    	  <div class="panel-heading">
    			<h3 class="panel-title">
                    分配权限
                    |
                    <input type="checkbox" id="all"> 全选
                </h3>
    	  </div>
    	  <div class="panel-body">
              <!--<div class="panel panel-default">-->
                  <!--<div class="panel-heading father-all">-->
                      <!--<h3 class="panel-title">-->
                          <!--后台首页管理|-->
                          <!--<input type="checkbox" class="son-all"> 全选-->
                      <!--</h3>-->
                  <!--</div>-->
                  <!--<div class="panel-body">-->
                      <!--<div class="checkbox">-->
                          <!--<label>-->
                              <!--<input type="checkbox" name="rules[]" value="">欢迎页面-->
                          <!--</label>-->
                          <!--<label>-->
                              <!--<input type="checkbox" name="rules[]" value="">修改密码-->
                          <!--</label>-->
                          <!--<label>-->
                              <!--<input type="checkbox" name="rules[]" value="">后台退出-->
                          <!--</label>-->
                      <!--</div>-->
                  <!--</div>-->
              <!--</div>-->

              {foreach name="newArr2" item="v"}
              <div class="panel panel-default">
                  <div class="panel-heading father-all">
                      <h3 class="panel-title">
                          {$v['name']}|
                          <input type="checkbox" class="son-all"> 全选
                      </h3>
                  </div>
                  <div class="panel-body">
                      <div class="checkbox">
                          {foreach name="v['rule']" item="vv"}
                          <label>
                              <input type="checkbox" name="rules[]" value="{$vv['arid']}">{$vv['title']}
                          </label>
                          {/foreach}
                          <!--<label>-->
                              <!--<input type="checkbox" name="rules[]" value="">分类添加-->
                          <!--</label>-->
                          <!--<label>-->
                              <!--<input type="checkbox" name="rules[]" value="">分类编辑-->
                          <!--</label>-->
                      </div>
                  </div>
              </div>
              {/foreach}
    	  </div>
    </div>
    <button class="btn btn-primary">提交</button>
</form>
<script>
    $(function(){
        //分配权限全选
        $('#all').click(function(){
            $(this).parents('.panel-default').find('.panel-body input[type=checkbox]').prop('checked',$(this).prop('checked'));
        })
        //各种管理全选
        $('.son-all').click(function(){
            $(this).parents('.father-all').siblings('.panel-body').find('input[type=checkbox]').prop('checked',$(this).prop('checked'));
        })
    })
</script>
{/block}